
<link rel="stylesheet" href="smarttaxi_themes.css" />	

<div data-role="page" id="register" data-theme="e" data-add-back-btn="true">
	<div data-role="header" data-theme="e" align="center"><h1>Register</h1></div>

	<div data-role="content">
		<div align = "center" class="registerRadios">
		
			<fieldset data-role="controlgroup" data-type = "horizontal" data-mini="true">
		    	<input type="radio" data-theme="a" name="registerRole" id="registerRole-1" value="d" checked = "checked"/>
				<label for="registerRole-1">Driver</label>
				<input type="radio" data-theme="a" name="registerRole" id="registerRole-2" value="c"/>
				<label for="registerRole-2">Customer</label>
			</fieldset>
			
			<fieldset data-role="controlgroup" data-type = "horizontal" data-mini="true">
		    	<input type="radio" data-theme="a" name="registerSex" id="registerSex-1" value="0" checked = "checked"/>
				<label for="registerSex-1">Male</label>
				<input type="radio" data-theme="a" name="registerSex" id="registerSex-2" value="1"/>
				<label for="registerSex-2">Female</label>
			</fieldset>
		</div>	 
		 
	<table >
		<tr>
			<td class="textRow"><span>Name: </span></td>
			<td>	<p id="nameError" class="errorMsg hidden">Please enter a name</p>
					<input id="registerNickname" type="text" placeholder="Name"
					class="pencil-input" data-clear-btn="true"/></td>
		</tr>
		<tr>
			<td class="textRow"><span>Phone <br>Number: </span></td>
			<td><p id = "phoneNumError" class="errorMsg hidden">Please enter a phone number</p>
			
				<input id="registerUname" type="number" placeholder="Phone Number"
				class="pencil-input" data-clear-btn="true"/></td>
		</tr>
		<tr>
			<td class="textRow"><span>Password: </span></td>
			<td><p id = "pswdError" class="errorMsg hidden">Please enter a password</p>
				<input id="registerPsw" type="password" placeholder="Password"
				class="pencil-input" data-clear-btn="true"/></td>
		</tr>
		<tr>
			<td class="textRow"><span>Confirm Password: </span></td>
			<td><p id = "confirmPwdError" class = "errorMsg hidden">Please enter a password confirmation</p> 
				<input id="registerPsw2" type="password" placeholder="Confirm Password"
				class="pencil-input" data-clear-btn="true"/></td>
		</tr>
	</table>
		<div align="center">
			<a id="registerSubmitBtn" href="#" data-role="button">Register</a>
		</div>
	</div>
	<script src="../js/format-check.js"></script>
	<script src="../js/register-page.js"></script>
</div>